/* 醫學美容糾察隊樣式表 for PIXNET */
/* by HappyDenn | 20100118 */

/* CSS reset - grabbed from http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}

/* remove PIXNET's built in stuff since we're gonna inject our own DOM */
div#body-div { display: none !important; }
/*div#tipLang { display: none !important; }*/
div#blog468x60Banner { display: none !important; visibility: hidden !important; }

/* hide textareas used for embedding templates */
textarea#template-area { display: none !important; visibility: hidden !important; }

/* ------ REAL STYLING STARTS FROM HERE ------ */
/* body settings */
body { font-size: 10pt; line-height: 1.25; font-family: "Calibri","Verdana","Microsoft JhengHei","LiHei Pro","PMingLiU",sans-serif; background-color: #ABE1FA; }

/* different text aligns */
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }

/* opacity classes */
.opacity_5 { opacity: 0.05; -moz-opacity: 0.05; -khtml-opacity: 0.05; filter: alpha(opacity=5); zoom: 1; }
.opacity_10 { opacity: 0.10; -moz-opacity: 0.10; -khtml-opacity: 0.10; filter: alpha(opacity=10); zoom: 1; }
.opacity_15 { opacity: 0.15; -moz-opacity: 0.15; -khtml-opacity: 0.15; filter: alpha(opacity=15); zoom: 1; }
.opacity_20 { opacity: 0.20; -moz-opacity: 0.20; -khtml-opacity: 0.20; filter: alpha(opacity=20); zoom: 1; }
.opacity_25 { opacity: 0.25; -moz-opacity: 0.25; -khtml-opacity: 0.25; filter: alpha(opacity=25); zoom: 1; }
.opacity_30 { opacity: 0.30; -moz-opacity: 0.30; -khtml-opacity: 0.30; filter: alpha(opacity=30); zoom: 1; }
.opacity_35 { opacity: 0.35; -moz-opacity: 0.35; -khtml-opacity: 0.35; filter: alpha(opacity=35); zoom: 1; }
.opacity_40 { opacity: 0.40; -moz-opacity: 0.40; -khtml-opacity: 0.40; filter: alpha(opacity=40); zoom: 1; }
.opacity_45 { opacity: 0.45; -moz-opacity: 0.45; -khtml-opacity: 0.45; filter: alpha(opacity=45); zoom: 1; }
.opacity_50 { opacity: 0.50; -moz-opacity: 0.50; -khtml-opacity: 0.50; filter: alpha(opacity=50); zoom: 1; }
.opacity_55 { opacity: 0.55; -moz-opacity: 0.55; -khtml-opacity: 0.55; filter: alpha(opacity=55); zoom: 1; }
.opacity_60 { opacity: 0.60; -moz-opacity: 0.60; -khtml-opacity: 0.60; filter: alpha(opacity=60); zoom: 1; }
.opacity_65 { opacity: 0.65; -moz-opacity: 0.65; -khtml-opacity: 0.65; filter: alpha(opacity=65); zoom: 1; }
.opacity_70 { opacity: 0.70; -moz-opacity: 0.70; -khtml-opacity: 0.70; filter: alpha(opacity=70); zoom: 1; }
.opacity_75 { opacity: 0.75; -moz-opacity: 0.75; -khtml-opacity: 0.75; filter: alpha(opacity=75); zoom: 1; }
.opacity_80 { opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80); zoom: 1; }
.opacity_85 { opacity: 0.85; -moz-opacity: 0.85; -khtml-opacity: 0.85; filter: alpha(opacity=85); zoom: 1; }
.opacity_90 { opacity: 0.90; -moz-opacity: 0.90; -khtml-opacity: 0.90; filter: alpha(opacity=90); zoom: 1; }
.opacity_95 { opacity: 0.95; -moz-opacity: 0.95; -khtml-opacity: 0.95; filter: alpha(opacity=95); zoom: 1; }
/* .opacity_off { opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity=100); zoom: 1; } */

/* other format classes */
/*.publish-date { font-variant: small-caps; }*/
a { text-decoration: none; }
img.article-thumbnail { display: none !important; }

/* float clearing */
.clear { clear: both; }

/* main container */
#wowbuty-container { width: 960px; margin: 0 auto; padding: 25px 0 20px; }

/* layout classes */
.layout_1 { display: inline; float: left; width: 160px; }
.layout_2 { display: inline; float: left; width: 320px; }
.layout_3 { display: inline; float: left; width: 480px; }
.layout_4 { display: inline; float: left; width: 640px; }
.layout_5 { display: inline; float: left; width: 800px; }
.layout_6 { display: inline; float: left; width: 960px; }

/* container classes */
.box-container { display: inline; float: left; padding: 5px; margin: 5px; overflow: hidden; position: relative; }
.box-container.width_1 { width: 140px; }
.box-container.width_2 { width: 300px; }
.box-container.height_1\/3 { height: 36.6667px; }
.box-container.height_2\/3 { height: 83.3333px; }
.box-container.height_1 { height: 140px; }
.box-container.height_2 { height: 300px; }
.box-container h1 { font-size: 1.3em; color: #0065A7; margin-bottom: 5px; }
.box-container .background { background-color: #fff; background-position: bottom right; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: -1 }
.box-container .content { position: relative; }

/* loading indicator */
#loading-indicator { position: fixed; z-index: 10000; top: 0; right: 0; background-color: #f00; color: #fff; font-size: 0.85em; padding: 3px; display: none; }

/* ------ TOP PANEL STUFF ------ */
/* login bar */
#login-bar { padding-right: 5px; font-size: 0.85em; margin-bottom: 10px; }

/* top panel */
#top-panel.ie7fix { padding-bottom: 5px; } /* IE7 fix */
/* #top-panel h1 { font-size: 1.2em; color: #ff7692; margin-bottom: 10px; } */

/* logo panel */
#logo { padding: 0; width: 150px; height: 150px; }

/* category panels */
.category-box_1 .background { background-image: url(http://pic.pimg.tw/wowbuty/4b511feb9194c.gif); }
.category-box_2 .background { background-image: url(http://pic.pimg.tw/wowbuty/4b511fec4816b.gif); }
.category-box_3 .background { background-image: url(http://pic.pimg.tw/wowbuty/4b511fed3782b.gif); }
.category-link { color: #555; text-decoration: none; }
.category-link:hover, .category-link.selected { color: #fff; background-color: #aaa; }

/* search panel */
#search .background { background-image: url(http://pic.pimg.tw/wowbuty/4b511ff48efea.gif); }

/* facebook link panel */
#facebook-link { text-decoration: none; }
/* IE6 can't use alpha transparent PNG */
#facebook-link .background { background-image: url(http://pic.pimg.tw/wowbuty/4b51214ac5e2a.png); }
#facebook-link.ie6 .background { background-image: url(http://pic.pimg.tw/wowbuty/4b511fee1ccf8.gif); }

/* ------ ARTICLE LIST ------ */
/* list item */
.article-list-item .publish-date { color: #4DC5F4; font-size: 0.95em; margin-bottom: 2px; font-weight: bold; }
.article-list-item h2 { color: #0065A7; font-size: 1.3em; }

/* ------ FOOTER ------ */
/* copyright */
#copyright { font-size: 0.85em; margin-top: 20px; }
